
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Makati rental listings search</title>
        
        <link rel="stylesheet" href="css/dbpedia/style.css" type="text/css" />
        <link rel="stylesheet" href="css/dbpedia/highlighter.css" type="text/css" />  
        
        <script type="text/javascript" src="js/jquery/jquery-1.8.3.min.js"></script>       
        <script type="text/javascript">            
            function checkStatusTypes() {
                var selectedStatusTypes = new Array();
                $.each($("input[name='statusTypeCbx']:checked"), function() {
                    selectedStatusTypes.push($(this).val());
                });
                $("#statusTypeIDs").val(selectedStatusTypes);
            }
        </script>
    </head>
    <body>
        
        <%@include file="header.jsp" %>
        <br>
                
        <form action="search.htm">
            
            <div style="background: url(img/home-bg.jpg); background-repeat: no-repeat; background-size: 100% 100%;">
                
                <br><br><br><br>
                <div style="background: #ffffff; width: 800px; margin-left: 200px;">
                    
                <table cellpadding="5" cellspacing="5" style="margin-left:0px; ">
                <tr>
                    <td style="font-size: 16px; font-weight: bold;">I'm looking for a </td>
                    <td>
                        <!--<input name="sr1" type="text" style="width:400px; padding: 10px" value="Condominium, House, Apartment, Townhouse ..."/>-->
                        <select style="padding:7px; width: 200px;" name="propertyTypeID">
                            <option value="-1">Choose Type...</option>
                            <option value="2">Condominium</option>
                            <option value="3">Apartment</option>
                            <option value="4">Townhouse</option>
                            <option value="1">House</option>
                            <option value="5">Room</option>
                            <option value="0">All Types</option>
                        </select>
                        &nbsp;
                    </td>
                    <td style="font-size: 16px; font-weight: bold;">Located in</td>
                    <td>
                        <select style="padding:7px; width: 200px;" name="placeID">
                            <option value="-1">Choose Location...</option>
                            <option value="d5793e13-97ce-43f3-9da5-4cf76f6ed2a0">Makati</option>
                            <option value="0">All Locations</option>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                    <td>
                        <input type="hidden" name="a" value="2" />
                        <input type="submit" name="submit" value=" Search " style="padding: 5px" />
                    </td>
                </tr>    
                <tr>
                    <td colspan="5" align="center">
                        <input id="statusTypeIDs" type="hidden" name="statusTypeIDs" value="" />
                        <input type="checkbox" name="statusTypeCbx" value="1" onclick="checkStatusTypes()"/> For Sale &nbsp;&nbsp;
                        <input type="checkbox" name="statusTypeCbx" value="2" onclick="checkStatusTypes()"/> For Rent &nbsp;&nbsp;
                        <input type="checkbox" name="statusTypeCbx" value="3" onclick="checkStatusTypes()"/> Foreclosed 
                    </td>
                </tr>
                <!--
                <tr>
                    <td colspan="4">                        
                        <table>
                            <tr>
                                <td>Price range:</td>
                                <td><input type="text" name="monthRateLow"/></td>
                                <td>to</td>
                                <td><input type="text" name="monthRateHigh"/></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">                        
                        <table>
                            <tr>
                                <td>Area range:</td>
                                <td><input type="text" name="sqAreaLow"/></td>
                                <td>to</td>
                                <td><input type="text" name="sqAreaHigh"/></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                -->
                <!--
                <tr>
                    <td colspan="4">                        
                        <table style="margin-left: 100px;">
                            <tr>
                                <td>Minimum Bedrooms: </td>
                                <td>
                                    <select name="numBedroomsLow" style="padding: 5px;">
                                        <option value="0">Any</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="999">8 or more</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <table style="margin-left: 100px;">
                            <tr>
                                <td>Minimum bathrooms: </td>
                                <td>
                                    <select name="numBathroomsLow" style="padding: 5px;">
                                        <option value="0">Any</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="999">8 or more</option>
                                    </select>
                                 </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                -->
            </table>
                </div>
                <br><br><br><br><br><br><br><br><br><br><br><br><br>
                
            </div>
            
            <br>
            <hr>
            <br>
                     
            <img src="img/footer-map.jpg" />
            <img src="img/footer-foot.jpg" />
            
            <br>
            <br>
            
        </form>
                
        <br><br>
        
    </body>
</html>
